<?php 
    $this->start('css');
        echo $this->Html->css('jquery-ui/jquery-ui-1.10.3.custom.min');
        if ($mobile == true) {
            echo $this->Html->css('Index/index-mobile');
        }
        else {
            echo $this->Html->css('Index/index');
        }
        echo $this->Html->css('jquery.ui.timepicker');
    $this->end();
    $this->start('script');
        echo $this->Html->script("jquery-ui-1.10.3.custom.min");
        echo $this->Html->script(array(
            "jquery.dataTables.min", 
            "jquery.ui.timepicker.min", 
            ));
        echo $this->Html->script("http://js.cit.api.here.com/se/2.5.4/jsl.js?with=all");
        echo $this->Html->script('Index/index.min');
		//echo $this->Html->script('Index/index');
		echo $this->Html->script("prediccion_ruta");
    $this->end();
    $this->assign('title', "Home - miBus");
 
	$pred_data_url = $this->Html->url(array("controller" => "Predicciones", "action" => "predicciones_data", "ext" => "json"));	
	
	$this->Js->set("pred_data_url", $pred_data_url);
 
    $this->Js->set("refresh_time", $refresh_time);
    $this->Js->set("r_a_url", $refresh_ajax_url);
    $this->Js->set("reservas_ajax_url", $reservas_ajax_url);
    $this->Js->set("reservas_max_days_limit", $reservas_max_days_limit);
    $this->Js->set("reservas_min_hours_limit", $reservas_min_hours_limit);
    $this->Js->set("id_parada_eia_palmas", $id_parada_eia_palmas);

    $this->start("navigation");
?>
    <div id="mibusandando" class="link block">
        <span class="icon mibusandando centered"></span>
        <a href="#" class="centered">miBus andando</a>
    </div>
    <div id="localizame" class="link block">
        <span class="icon localizame centered"></span>
        <a href="#" class="centered">Local&iacute;zame</a>
    </div>
    <div id="planeomiviaje" class="link block">
        <span class="icon planeomiviaje centered"></span>
        <a href="#" class="centered">Planeo mi Viaje</a>
    </div>
    <?php
        $admin = $this->Session->read("admin");
        if ($admin != null && !$mobile) :
    ?>
            <div id="administrar" class="link block">
                <span class="icon administrar centered"></span>
                <?php echo $this->Html->link("Administrar", array("controller" => "Index", "action" => "administrar")); ?>
            </div>
    <?php
        endif;
    ?>
<?php
    $this->end();

    $this->start("user_menu_links");
?>
    <div class="link" id="misreservas">
        <span class="text">mis Reservas</span>
    </div>
<?php
    $this->end();

    $this->start("menus");
?>
    <div id="mibusandando_menu">
        <div id="haciaeia_filter" class="link block">
            <span class="text centered">HACIA EIA</span><span class="icon right-negro centered"></span>
        </div>
        <div id="desdeeia_filter" class="link block">
            <span class="text centered">DESDE EIA</span><span class="icon left-blanco centered"></span>
        </div>
    </div>
    <div id="planeomiviaje_menu">
        <span class="icon cerrar-blanco"></span>
        <div id="steps_bar" class="block">
            <div id="step_1" class="step_icon centered active">1</div>
            <div id="step_2" class="step_icon centered">2</div>
            <div id="step_3" class="step_icon centered">3</div>
            <div id="step_4" class="step_icon centered">4</div>
            <div id="step_5" class="step_icon centered">5</div>
        </div>
        <div id="steps_content">
            <div id="origen_viaje" class="active step_content" data-step_number="1">
                <div class="header">
                    <h3>Seleccione el <span class="highlight">origen</span> de su viaje</h3>
                </div>
                <div class="content">
                    <div id="desdeeia" class="block"><span class="icon desdeeia centered"></span></div><div id="desdeparada" class="block"><span class="text centered ">Lista de paradas</span><span class="icon desdeparada centered"></span></div>
                </div>
            </div>
            <div id="origen_paradas" class="step_content" data-step_number="2">
                <div class="header">
                    <h3>Origen: Lista de paradas</h3>
                </div>
                <div class="content">
                    <div class="errormessage"></div>
                    <table>
                        <thead>
                            <tr>
                                <th>Nombre</th>
                                <th>Ruta</th>
                            </tr>
                        </thead>
                        <tbody></tbody>
                        <tfoot>
                            <tr>
                                <td><input type="text" value="Buscar parada" /></td>
                                <td><input type="text" value="Buscar ruta" /></td>
                            </tr>
                        </tfoot>
                    </table>
                    <div class="button_wrapper">
                        <input class="siguiente" type="button" value="Elegir">
                    </div>
                </div>
                <div class="footer">
                    <div class="volver link block">
                        <span class="icon left-blanco centered"></span>
                        <a href="#" class="centered">Volver</a>
                    </div>
                    <div class="cancelar link block">
                        <a href="#" class="centered">Cancelar</a>
                    </div>
                </div>
            </div>
            <div id="destino_paradas" class="step_content" data-step_number="2">
                <div class="header">
                    <h3>Destino: Lista de paradas</h3>
                </div>
                <div class="content">
                    <div class="errormessage"></div>
                    <table>
                        <thead>
                            <tr>
                                <th>Nombre</th>
                                <th>Ruta</th>
                            </tr>
                        </thead>
                        <tbody></tbody>
                        <tfoot>
                            <tr>
                                <td><input type="text" value="Buscar parada" /></td>
                                <td><input type="text" value="Buscar ruta" /></td>
                            </tr>
                        </tfoot>
                    </table>
                    <div class="button_wrapper">
                        <input class="siguiente" type="button" value="Elegir">
                    </div>
                </div>
                <div class="footer">
                    <div class="volver link block">
                        <span class="icon left-blanco centered"></span>
                        <a href="#" class="centered">Volver</a>
                    </div>
                    <div class="cancelar link block">
                        <a href="#" class="centered">Cancelar</a>
                    </div>
                </div>
            </div>
            <div id="fecha" class="step_content" data-step_number="3">
                <div class="header">
                    <h3>Seleccione la fecha de su reserva</h3>
                </div>
                <div class="content">
                    <div class="fecha"></div>
                </div>
                <div class="footer">
                    <div class="volver link block">
                        <span class="icon left-blanco centered"></span>
                        <a href="#" class="centered">Volver</a>
                    </div>
                    <div class="cancelar link block">
                        <a href="#" class="centered">Cancelar</a>
                    </div>
                </div>
            </div>
            <div id="hora" class="step_content" data-step_number="4">
                <div class="header">
                    <h3>Seleccione la hora de su reserva</h3>
                </div>
                <div class="content">
                    <div class="hora"></div>
                </div>
                <div class="footer">
                    <div class="volver link block">
                        <span class="icon left-blanco centered"></span>
                        <a href="#" class="centered">Volver</a>
                    </div>
                    <div class="cancelar link block">
                        <a href="#" class="centered">Cancelar</a>
                    </div>
                </div>
            </div>
            <div id="resumen_viaje" class="step_content" data-step_number="5">
                <div class="header">
                    <h3>Resumen del viaje</h3>
                </div>
                <div class="content">
                    <?php 
                        echo $this->Form->create('Reserva');
                        echo $this->Form->input("origen", $options = array("type" => "text", "readonly" => "readonly", "disabled" => "disabled"));
                        echo $this->Form->input("parada", array("type" => "hidden", "readonly" => "readonly"));
                        echo $this->Form->input("destino", $options = array("type" => "text", "readonly" => "readonly", "disabled" => "disabled"));
                        echo $this->Form->input("nombre_ruta", array("type" => "text", "label" => "Ruta", "readonly" => "readonly", "disabled" => "disabled"));
                        echo $this->Form->input("ruta", array("type" => "hidden", "readonly" => "readonly"));
                        echo $this->Form->input("calendario", array("type" => "text", "label" => "Fecha", "readonly" => "readonly", "class" => "calendario"));
                        echo $this->Form->input("nombre_horario", array("type" => "text", "label" => "Hora", "readonly" => "readonly", "disabled" => "disabled"));
                        echo $this->Form->input("horario", array("type" => "hidden", "readonly" => "readonly"));
                        echo $this->Form->input("terminos", array(
                            'label' => 'Acepta ' . $this->Html->link('Términos y Condiciones', '/files/TerminosCondicionesReservas_miBus.pdf', array("target" => "_blank", 'class' => 'terminosLink')),
                            'type' => 'checkbox',
                            'div' => array(
                                'style' => 'text-align: center;'
                            )
                        ));
                        echo $this->Js->submit("Reservar", array(
                                "url" => Router::url(array("controller" => "Reservas", "action" => "agregar_ajax"), true),
                                "before" => "beforeSendReserva()",
                                "success" => "successSendReserva(data, textStatus)",
                                "error" => "errorSendReserva(XMLHttpRequest, textStatus, errorThrown)",
                                "complete" => "completeSendReserva()",
                                "type" => "json",
                                "method" => "post"
                                ));
                        echo $this->Form->end();
                    ?>
                </div>
                <div class="footer">
                    <div class="volver link block">
                        <span class="icon left-blanco centered"></span>
                        <a href="#" class="centered">Volver</a>
                    </div>
                    <div class="cancelar link block">
                        <a href="#" class="centered">Cancelar</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="misreservas_menu">
        <span class="icon cerrar-blanco"></span>
        <div class="header">
            <h3>mis Reservas</h3>
        </div>
        <div class="content">
            <div id="reservas_programadas">
                <h4>Programadas</h4>
                <table>
                    <thead>
                        <tr>
                            <th>Acciones</th>
                            <th>Origen</th>
                            <th>Destino</th>
                            <th>Ruta</th>
                            <th>Fecha</th>
                            <th>Hora</th>
                        </tr>
                    </thead>
                    <tbody>
                        <?php 
                            if (empty($reservas_programadas)) {
                                echo $this->Html->tableCells(array(array(array("No se encontraron resultados", array("colspan" => "6", "class" => "no_reservas")))));
                            }
                            foreach ($reservas_programadas as $i => $reserva_programada) {
                                echo $this->Html->tableCells(array(array(
                                    $this->Html->link(
                                        $this->Html->tag("span", null, array("class" => "ui-icon ui-icon-white ui-icon-pencil")),
                                        array('controller' => 'Reservas', 'action' => 'editar',$reserva_programada['Reserva']['id_reserva']),
                                        array('escape' => false, 'class' => 'tooltip', 'tooltip-content' => 'Editar')
                                        )
                                    . " | " . 
                                    $this->Form->postLink(
                                        $this->Html->tag("span", null, array("class" => "ui-icon ui-icon-white ui-icon-cancel")),
                                        array('controller' => 'Reservas', 'action' => 'borrar',$reserva_programada['Reserva']['id_reserva']),
                                        array('escape' => false, 'class' => 'tooltip', 'tooltip-content' => 'Cancelar')
                                        ),
                                    $reserva_programada["ParadaOrigen"]["nombre_parada"],
                                    $reserva_programada["ParadaDestino"]["nombre_parada"],
                                    $reserva_programada["Ruta"]["nombre_ruta"],
                                    date("Y/m/j", strtotime($reserva_programada["RecorridoRealizado"]["fecha_salida"])),
                                    date("G:i", strtotime($reserva_programada["Horario"]["hora_salida"]))
                                    )));
                            }
                        ?>
                    </tbody>
                </table>
            </div>
            <div id="reservas_historial">
                <h4>Historial</h4>
                <h5>&Uacute;ltimas 10 reservas</h5>
                <table>
                    <thead>
                        <tr>
                            <th>Origen</th>
                            <th>Destino</th>
                            <th>Ruta</th>
                            <th>Fecha</th>
                            <th>Hora</th>
                        </tr>
                    </thead>
                    <tbody>
                        <?php 
                            if (empty($reservas_historial)) {
                                echo $this->Html->tableCells(array(array(array("No se encontraron resultados", array("colspan" => "5", "class" => "no_reservas")))));
                            }
                            foreach ($reservas_historial as $i => $reserva_historial) {
                                $class = "";
                                if ($reserva_historial["ParadaDestino"]["id_parada"] == Configure::read('Paradas.id_parada_eia_palmas')) {
                                    $class = "haciaeia";
                                }
                                else {
                                    $class = "desdeeia";
                                }

                                if ($reserva_historial["Reserva"]["estado_reserva"] == "cancelada") {
                                    $class = "cancelada";
                                }

                                echo $this->Html->tableCells(array(array(
                                    $reserva_historial["ParadaOrigen"]["nombre_parada"],
                                    $reserva_historial["ParadaDestino"]["nombre_parada"],
                                    $reserva_historial["Ruta"]["nombre_ruta"],
                                    date("Y/m/j", strtotime($reserva_historial["RecorridoRealizado"]["fecha_salida"])),
                                    date("G:i", strtotime($reserva_historial["Horario"]["hora_salida"]))
                                    )), array("class" => $class), array("class" => $class), false, false);
                            }
                        ?>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="footer">
            <div id="reservas_exportar" class="link block">
                <span class="icon historial centered"></span>
                <?php echo $this->Html->link("Exportar Historial", array("controller" => "Index", "action" => "mis_reservas_completas"), array("class" => "centered")); ?>
            </div>
            <div id="planear_nuevo_viaje" class="link block">
                <span class="icon planear centered"></span>
                <a href="#" class="centered">Planear nuevo viaje</a>
            </div>
        </div>
    </div>
    <div id="mapapopups_menu">
        <span class="icon cerrar-negro"></span>
        <div class="content"></div>
    </div>
    <div id="rutasFilter_menu">
        <div class="rutas_haciaeia">
            <fieldset>
                <legend>Hacia EIA</legend>
                <?php 
                    if (isset($rutas_paradas_horario["haciaeia"])) {
                        foreach ($rutas_paradas_horario["haciaeia"] as $i => $ruta_paradas_horario) {
                            $html = '';
                            $html .= '<div class="ruta_details" >';
                            $html .= '<input type="checkbox" id="ruta' . $ruta_paradas_horario["Ruta"]["id_ruta"] . '" data-id_ruta="' . $ruta_paradas_horario["Ruta"]["id_ruta"] . '" >';
                            $html .= '<label for="ruta' . $ruta_paradas_horario["Ruta"]["id_ruta"] . '" >' . $ruta_paradas_horario["Ruta"]["nombre_ruta"] . '</label>';
                            $html .= '</div>';

                            echo $html;
                        }
                    }
                ?>
            </fieldset>
        </div>
        <div class="rutas_desdeeia">
            <fieldset>
                <legend>Desde EIA</legend>
                <?php
                    if (isset($rutas_paradas_horario["desdeeia"])) {
                        foreach ($rutas_paradas_horario["desdeeia"] as $i => $ruta_paradas_horario) {
                            $html = '';
                            $html .= '<div class="ruta_details" >';
                            $html .= '<input type="checkbox" id="ruta' . $ruta_paradas_horario["Ruta"]["id_ruta"] . '" data-id_ruta="' . $ruta_paradas_horario["Ruta"]["id_ruta"] . '" >';
                            $html .= '<label for="ruta' . $ruta_paradas_horario["Ruta"]["id_ruta"] . '" >' . $ruta_paradas_horario["Ruta"]["nombre_ruta"] . '</label>';
                            $html .= '</div>';

                            echo $html;
                        }
                    }
                ?>
            </fieldset>
        </div>
    </div>
<?php
    $this->end();
 ?>
<div id="map">
    <div id="rutasFilter" class="link block">
        <span class="centered">Filtrar Rutas</span>
    </div>
    <div id="refresh" class="link block active">
        <span class="reload centered"></span>
    </div>
</div>
<div id="alternative_content">
    <div id="page_data">
        <div id="buses">
            <?php 
                foreach ($recorridos_realizados as $recorrido_realizado) {
                    $html = '<div class="recorrido_details" ';
                    
                    $html .= 'data-id_recorrido="' . $recorrido_realizado["RecorridoRealizado"]["id_recorrido_realizado"] . '" ';
                    $html .= 'data-latitud="'. $recorrido_realizado["RecorridoRealizado"]["latitud"] . '" ';
                    $html .= 'data-longitud="' . $recorrido_realizado["RecorridoRealizado"]["longitud"] . '" ';
                    $html .= 'data-ruta="' . $recorrido_realizado["Ruta"]["nombre_ruta"] . '" ';
                    $html .= 'data-estado="' . $recorrido_realizado["RecorridoRealizado"]["estado_recorrido_realizado"] . '" ';
                    $html .= 'data-fecha_actualizacion="' . $recorrido_realizado["RecorridoRealizado"]["fecha_actualizacion_recorrido"] . '" ';
                    if (!empty($recorrido_realizado["Evento"])) {
                        $html .= 'data-estado_descripcion="' . $recorrido_realizado["Evento"]["nombre_evento"] . '" ';
                    }
                    $html .= 'data-hora_salida="' . date("g:i a", strtotime($recorrido_realizado["Horario"]["hora_salida"])) . '" ';
                    $html .= 'data-hora_estimada_llegada="' . date("g:i a", strtotime($recorrido_realizado["Horario"]["hora_estimada_llegada"])) . '" ';
                    $html .= 'data-disponibilidad="' . ($recorrido_realizado["Bus"]["capacidad"] - $recorrido_realizado["RecorridoRealizado"]["puestos_ocupados"] - $recorrido_realizado["RecorridoRealizado"]["puestos_reservados"]) . '" ';
                    $html .= 'data-prox_parada="' . $recorrido_realizado["ProximaParada"]["nombre_parada"] . '" ';
                    $html .= 'data-latitud_prox_parada="' . $recorrido_realizado["ProximaParada"]["latitud"] . '" ';
                    $html .= 'data-longitud_prox_parada="' . $recorrido_realizado["ProximaParada"]["longitud"] . '" ';
                    $html .= 'data-id_destino="' . $recorrido_realizado["ParadaDestino"]["id_parada"] . '" ';
                    $html .= 'data-destino="' . $recorrido_realizado["ParadaDestino"]["nombre_parada"] . '" ';
                    $html .= 'data-latitud_destino="' . $recorrido_realizado["ParadaDestino"]["latitud"] . '" ';
                    $html .= 'data-longitud_destino="' . $recorrido_realizado["ParadaDestino"]["longitud"] . '" ';

                    $html .= '></div>';

                    echo $html;
                }
            ?>
        </div>
        <div id="recorridos_activos">
            <?php 
                if (isset($rutas_paradas_horario["haciaeia"])) {
                    foreach ($rutas_paradas_horario["haciaeia"] as $i => $ruta_paradas_horario) {
                       $html = '<div class="recorrido_details haciaeia" >';

                       $html .= '<div class="ruta_details" data-id_ruta="' . $ruta_paradas_horario["Ruta"]["id_ruta"] . '" ';
                       $html .= 'data-nombre_ruta="' . $ruta_paradas_horario["Ruta"]["nombre_ruta"] . '" ';
                       $html .= '>';

                       $html .= '<div class="origen_details" ';
                       $html .= 'data-id_parada="' . $ruta_paradas_horario["Origen"]["id_parada"] . '" ';
                       $html .= 'data-nombre_parada="' . $ruta_paradas_horario["Origen"]["nombre_parada"] . '" ';
                       $html .= 'data-orden_ruta="' . $ruta_paradas_horario["Origen"]["orden_ruta"] . '" ';
                       $html .= 'data-tipo_parada="' . $ruta_paradas_horario["Origen"]["tipo_parada"] . '" ';
                       $html .= 'data-latitud="' . $ruta_paradas_horario["Origen"]["latitud"] . '" ';
                       $html .= 'data-longitud="' . $ruta_paradas_horario["Origen"]["longitud"] . '" ';
                       $html .= '></div>';

                       $html .= '<div class="destino_details" ';
                       $html .= 'data-id_parada="' . $ruta_paradas_horario["Destino"]["id_parada"] . '" ';
                       $html .= 'data-nombre_parada="' . $ruta_paradas_horario["Destino"]["nombre_parada"] . '" ';
                       $html .= 'data-orden_ruta="' . $ruta_paradas_horario["Destino"]["orden_ruta"] . '" ';
                       $html .= 'data-tipo_parada="' . $ruta_paradas_horario["Destino"]["tipo_parada"] . '" ';
                       $html .= 'data-latitud="' . $ruta_paradas_horario["Destino"]["latitud"] . '" ';
                       $html .= 'data-longitud="' . $ruta_paradas_horario["Destino"]["longitud"] . '" ';
                       $html .= '></div>';

                       foreach ($ruta_paradas_horario["Parada"] as $j => $parada) {
                           $html .= '<div class="parada_details" ';
                           $html .= 'data-id_parada="' . $parada["id_parada"] . '" ';
                           $html .= 'data-nombre_parada="' . $parada["nombre_parada"] . '" ';
                           $html .= 'data-orden_ruta="' . $parada["orden_ruta"] . '" ';
                           $html .= 'data-tipo_parada="' . $parada["tipo_parada"] . '" ';
                           $html .= 'data-latitud="' . $parada["latitud"] . '" ';
                           $html .= 'data-longitud="' . $parada["longitud"] . '" ';
                           $html .= '></div>';
                       }

                       foreach ($ruta_paradas_horario["WaypointAyuda"] as $waypoint) {
                            $html .= '<div class="waypoint_details" ';
                            $html .= 'data-id_waypoint_parada="' . $waypoint["id_waypoint_parada"] . '" ';
                            $html .= 'data-latitud="' . $waypoint["latitud"] . '" ';
                            $html .= 'data-longitud="' . $waypoint["longitud"] . '" ';
                            $html .= '></div>';
                        }

                       $html .= '</div>';

                       foreach ($ruta_paradas_horario["Horario"] as $j => $horario) {
                           $html .= '<div class="horario_details" ';
                           $html .= 'data-id_horario="' . $horario["id_horario"] . '" ';
                           $html .= 'data-dias_aplica="' . $horario["dias_aplica"] . '" ';
                           $html .= 'data-hora_salida="' . $horario["hora_salida"] . '" ';
                           $html .= '></div>';
                       }

                       $html .= '</div>';

                       echo $html;
                    }
                }

                if (isset($rutas_paradas_horario["desdeeia"])) {
                    foreach ($rutas_paradas_horario["desdeeia"] as $i => $ruta_paradas_horario) {
                       $html = '<div class="recorrido_details desdeeia" >';

                       $html .= '<div class="ruta_details" data-id_ruta="' . $ruta_paradas_horario["Ruta"]["id_ruta"] . '" ';
                       $html .= 'data-nombre_ruta="' . $ruta_paradas_horario["Ruta"]["nombre_ruta"] . '" ';
                       $html .= '>';

                       $html .= '<div class="origen_details" ';
                       $html .= 'data-id_parada="' . $ruta_paradas_horario["Origen"]["id_parada"] . '" ';
                       $html .= 'data-nombre_parada="' . $ruta_paradas_horario["Origen"]["nombre_parada"] . '" ';
                       $html .= 'data-orden_ruta="' . $ruta_paradas_horario["Origen"]["orden_ruta"] . '" ';
                       $html .= 'data-tipo_parada="' . $ruta_paradas_horario["Origen"]["tipo_parada"] . '" ';
                       $html .= 'data-latitud="' . $ruta_paradas_horario["Origen"]["latitud"] . '" ';
                       $html .= 'data-longitud="' . $ruta_paradas_horario["Origen"]["longitud"] . '" ';
                       $html .= '></div>';

                       $html .= '<div class="destino_details" ';
                       $html .= 'data-id_parada="' . $ruta_paradas_horario["Destino"]["id_parada"] . '" ';
                       $html .= 'data-nombre_parada="' . $ruta_paradas_horario["Destino"]["nombre_parada"] . '" ';
                       $html .= 'data-orden_ruta="' . $ruta_paradas_horario["Destino"]["orden_ruta"] . '" ';
                       $html .= 'data-tipo_parada="' . $ruta_paradas_horario["Destino"]["tipo_parada"] . '" ';
                       $html .= 'data-latitud="' . $ruta_paradas_horario["Destino"]["latitud"] . '" ';
                       $html .= 'data-longitud="' . $ruta_paradas_horario["Destino"]["longitud"] . '" ';
                       $html .= '></div>';

                       foreach ($ruta_paradas_horario["Parada"] as $j => $parada) {
                           $html .= '<div class="parada_details" ';
                           $html .= 'data-id_parada="' . $parada["id_parada"] . '" ';
                           $html .= 'data-nombre_parada="' . $parada["nombre_parada"] . '" ';
                           $html .= 'data-orden_ruta="' . $parada["orden_ruta"] . '" ';
                           $html .= 'data-tipo_parada="' . $parada["tipo_parada"] . '" ';
                           $html .= 'data-latitud="' . $parada["latitud"] . '" ';
                           $html .= 'data-longitud="' . $parada["longitud"] . '" ';
                           $html .= '></div>';
                       }

                       foreach ($ruta_paradas_horario["WaypointAyuda"] as $waypoint) {
                            $html .= '<div class="waypoint_details" ';
                            $html .= 'data-id_waypoint_parada="' . $waypoint["id_waypoint_parada"] . '" ';
                            $html .= 'data-latitud="' . $waypoint["latitud"] . '" ';
                            $html .= 'data-longitud="' . $waypoint["longitud"] . '" ';
                            $html .= '></div>';
                        }

                       $html .= '</div>';

                       foreach ($ruta_paradas_horario["Horario"] as $j => $horario) {
                           $html .= '<div class="horario_details" ';
                           $html .= 'data-id_horario="' . $horario["id_horario"] . '" ';
                           $html .= 'data-dias_aplica="' . $horario["dias_aplica"] . '" ';
                           $html .= 'data-hora_salida="' . $horario["hora_salida"] . '" ';
                           $html .= '></div>';
                       }

                       $html .= '</div>';

                       echo $html;
                    }
                }
            ?>
        </div>
    </div>
</div>
<div id="refresh_modal" class="block">
    <div class="centered">
        <div>
        <?php 
            echo $this->Html->image('ajax-loader-big.gif', array('alt' => '...Actualizando...'));
        ?>
        </div>
    </div>
</div>